@charset "utf-8";
@import "base";

section {
    width: 100%;
    margin-bottom: r(100px);
}
//累计收入模块
.statistics {
    position: relative;
    width: 100%;
    height: r(300px);
    background: url(../img/bg.jpg) no-repeat;
    background-size: contain;
    .addUp {
        text-align: center;
        color: #fefefe;
        overflow: hidden;
        .money {
            font-size: r(50px);
            margin-top: r(58px);
        }
        .income {
            font-size: r(24px);
            margin-top: r(22px);
        }
    }
    .message {
        color: #fff;
        font-size: 0;
        position: absolute;
        bottom: 0;
        .item {
            display: inline-block;
            height: r(100px);
            font-size: r(24px);
            background-color: rgba(0,0,0,.1);
            p {
                text-align: center;
            }
            p:first-of-type {
                margin-top: r(20px);
            }
        }
        .visitor {
            width: r(212px);
        }
        .order-form {
            width: r(212px);
            margin: 0 r(2px);
            position: relative;
            .red-dot {
                width: r(10px);
                height: r(10px);
                position: absolute;
                left: r(121px);
                top: r(15px);
                img {
                    display: block;
                    width: 100%;
                }
            }
        }
        .sales {
            width: r(212px);
        }
    }
}
//添加商品模块
.addGoods {
    width: 100%;
    padding: r(20px) r(20px) r(19px);
}
.addbg {
    width: r(600px);
    height: r(70px);
    background-color: #fff;
    border: r(1px) solid #e3e3e3;
    border-radius: r(9px);
    position: relative;
    cursor: pointer;
    .addCenter {
        font-size: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        .add-img {
            width: r(34px);
            height: r(36px);
            display: inline-block;
            vertical-align: r(-8px);
            img {
                display: block;
                width: 100%;
            }
        }
        p {
            display: inline-block;
            font-size: r(28px);
            color: #e33030;
            margin-left: r(18px);
            line-height: r(70px);
        }
    }
}

//菜单模块
.menu {
    display: flex;
    height: r(500px);
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    border-top: r(2px) solid #e3e3e3;
}
.menuList {
    width: r(212px);
    height: r(248px);
    background-color: #fff;
    position: relative;
    .menuList-title {
        font-size: r(24px);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: r(50px);
        a {
            color: #999;
        }
    }
}
.img-wrap {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        a {
            display: block;
        }
        img {
            display: block;
            width: 100%;
        }
    }
.commodity-img {
    width: r(82px);
    height: r(79px);
    top: r(56px);
}
.orderManage-img {
    width: r(80px);
    height: r(89px);
    top: r(51px);
}
.weixin-img {
    width: r(90px);
    height: r(74px);
    top: r(59px);
}
.clientManage-img {
    width: r(80px);
    height: r(83px);
    top: r(52px);
}
.message-img {
    width: r(32px);
    height: r(33px);
    position: absolute;
    top: r(18px);
    right: r(33px);
    img {
        display: block;
        width: 100%;
    }
}
.storeManage-img {
    width: r(91px);
    height: r(80px);
    top: r(53px);
}
.dataStats-img {
    width: r(90px);
    height: r(84px);
    top: r(51px);
}
footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
}
.fot-nav {
    display: flex;
    border-top: r(1px) solid #c1c1c1;
    .nav-item {
        flex-grow: 1;
        height: r(99px);
        position: relative;
        .nav-caption {
            font-size: r(20px);
            position: absolute;
            bottom: r(10px);
            left: 50%;
            transform: translateX(-50%);
        }
    }
    .item-img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        a {
            display: block;
            height: 100%;
            background-size: 100%;
            background-repeat: no-repeat;
        }
    }
    .small-store {
        width: r(45px);
        height: r(42px);
        top: r(16px);
        a {
            background-image: url(../img/home1.png);
        }
    }
    .market {
        width: r(49px);
        height: r(45px);
        top: r(14px);
        a {
            background-image: url(../img/market.png);
        }
    }
    .shoppingcar {
        width: r(45px);
        height: r(41px);
        top: r(16px);
        a {
            background-image: url(../img/shoppingcar.png);
        }
    }
//  购物车数量提示
    .amount {
        width: r(21px);
//      height: r(21px);
        border-radius: 50%;
        background-color: #d62d31;
        color: #fff;
        font-size: r(14px);
        text-align: center;
        line-height: r(21px);
        position: absolute;
        right: r(54px);
        top: r(16px);
    }
    .user {
        width: r(42px);
        height: r(39px);
        top: r(18px);
        a {
            background-image: url(../img/user.png);
        }
    }
}
